*{
  margin:0;
  padding:0
}
body, html{
  // overflow-x: hidden !important;
  // overflow:hidden;
}
.lists{
  position: relative;
  top:1rem;
}
  .tables{
    width:100%;
    height:auto;
    min-height:8.8rem;
    // max-height:11.5rem;
    position: relative;
    top:1rem;
    left:0;
    border-collapse: collapse;
    // table-layout: fixed ;
    overflow-x: hidden ;
  }
  .tab{
    // table-layout: fixed !important;
    // overflow:hidden !important;
  }
  @media screen and (min-height: 750px) {
      .tables {
          min-height: 12.23rem;
      }
  }
  .tables table .tr1{
    width:100%;
    // width:7.5rem;
    height:.8rem;
    text-align: center;
    background-color: rgb(6, 189, 3);
  }
  .tables table .tr1 td:nth-child(1){
    width:30%;
  }
  .tables table .tr1 td:nth-child(2){
    width:15%;
  }
  .tables table .tr1 td:nth-child(3){
    width:15%;
  }
  .tables table .tr1 td:nth-child(4){
    width:20%;
  }
  .tables table .tr1 td:nth-child(5){
    width:16%;
  }
  .tables table .tr2{
    width:100%;
    height:.6rem;
    text-align: center;
    background-color: #C6E8C6;
  }

  .were{
    width:100%;
    height:1rem;
    position: relative;
    top:1rem;
    left:2.7rem;

  }
  .detail{
    width:100%;
    height:2rem;
    position:relative;
    top:-.1rem;
  }
  .detail_list{
    width:100%;
    height:4.3rem;
    position: relative;
    top:.1rem;
    border-bottom: 1px solid lightgray;
  }
  .detail_list .names{
    width:100%;
    height:.7rem;
    line-height: .7rem;
    position: relative;
    left:2%;
    font-size: .3rem;
    margin:0 0 .1rem 0;
  }
  .detail_list .names .name_li{
    width:100%;
    height:.7rem;
    line-height: .7rem;
    float:left;
  }
  .detail_list .names .name_li .s1{
    float:left;
    color:black;
  }
  .detail_list .names .name_li .s2{
    width:80%;
    height:.7rem;
    line-height: .7rem;
    float:left;
    position: relative;
    left:1%;
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .detail_list .names .name_li .s3{
    float:left;
    color:black;
  }
  .detail_list .names .name_li .s4{
    width:80%;
    height:.7rem;
    line-height: .7rem;
    float:left;
    position: relative;
    left:1%;
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .computed{
    &.active{
      color:red
    }
  }
  .result{
    width:100%;
    height:auto;
    position: relative;
    top:.4rem;
    .r_p1{
      width:20%;
      height:auto;
      position: relative;
      left:2%;
      float:left;
      color:black;
    }
    .r_p2{
      width:78%;
      height:auto;
      float:left;
      margin: 0 0 .2rem 0;
    }
  }
  .ts{
    width:100%;
    height:.8rem;
    line-height: .8rem;
    // background: rgb(6, 189, 3);
    // background-color: #C6E8C6;
    .ts1{
      width:28%;
      height:.8rem;
      position: relative;
      padding: 0 0 0 .2rem;
      // left:2%;
      // text-align: center;
      float:left;
      background: #C6E8C6;
    }
    .ts2{
      width:51.3%;
      height:.8rem;
      background: #C6E8C6;
      position: relative;
      left: .6%;
      text-align: center;
      float:left;
      color:red;
    }
    .ts3{
      width:16.6%;
      height:.8rem;
      background: #C6E8C6;
      position: relative;
      left: 1.2%;
      text-align: center;
      float:left;
      // color:red;
    }
  }
  .index_nav{
    width:100%;
    height:.9rem;
    line-height: .9rem;
    position: fixed;
    top:0;
    z-index: 999999;
    font-size: .4rem;
    text-align: center;
    color:rgb(157, 15, 69);
    background: -webkit-linear-gradient(rgb(246, 151, 139), rgb(246, 201, 192));
    background: -o-linear-gradient(rgb(246, 151, 139), rgb(246, 201, 192));
    background: -moz-linear-gradient(rgb(246, 151, 139), rgb(246, 201, 192));
    background: linear-gradient(rgb(246, 151, 139), rgb(246, 201, 192));
  }
  .index_nav .m1{
    width:.3rem;
    height:.5rem;
    line-height: .5rem;
    position: absolute;
    top:.21rem;
    left:.42rem;
  }
  .index_nav .m2{
    width:.6rem;
    height:.45rem;
    line-height: .45rem;
    position: relative;
    top:.09rem;
    left:.1rem;
  }
  .index_nav img{
    width:.6rem;
    height:.45rem;
    line-height: .45rem;
    position: relative;
    top:.08rem;
  }
  .computed{
    &.actives{
      color:red
    }
  }
